<template>
	<view style="width: 100%;">
		<view class="u-f-36 u-lh-50 font-medio">{{ item.title || '' }}</view>
		<view class="u-f-24 u-lh-40 color-grew u-m-t-8 u-p-b-6 flex-center">
			<image src="@/static/image/common/like.png" class="clear-flex"
				style="width: 28rpx; height: 28rpx"></image>
			<view class="u-m-l-6">{{ item.likeCount || 0 }}{{ lang_common.liked || 0 }}</view>
		</view>
		
		<!-- 分割线 -->
		<u-gap height="1" bgColor="rgba(0,0,0,0.09)"></u-gap>
		
		<view class="u-p-t-32 flex-between" style="width: 100%;">
			<view class="flex-between flex-column" style="width: 100%;">
				<view class="u-f-28 u-lh-38 color-grew linecamp-3">
					{{ item.content }}
				</view>
		
				<view class="u-p-t-12 flex-center">
					<view class="u-avatar-42 clear-flex">
						<x-image :src="showImage(item.avatar, 'logo')"/>
					</view>
		
					<view class="u-f-28 u-lh-40 u-m-l-10 font-medio">{{ item.nick || '' }}</view>
				</view>
			</view>
		
			<!-- 判断是否存在封面 -->
			<view v-if="item.imgUrls" class="u-radius-20 right-img clear-flex u-m-l-10">
				<x-image :src="showImage(dealImage(item.imgUrls).map(item => item.type === 'video' ? item.cover : item.fileUrl)[0], 'logo')" mode="widthFix"></x-image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: {
				default: () => ({})
			},
			merchantId: {
				default: ''
			}
		}
	}
</script>

<style scoped lang="scss">
	.right-img {
		width: 228rpx;
		height: 174rpx;
		border-radius: 20rpx;
		background-color: #f9f9f9;
		overflow: hidden;
	}
</style>